@item: ~"@{prefix}-grid-item";

@grid-item-icon-font-size: 24px;

@grid-item-vertical-padding: var(--el-grid-item-vertical-padding, 16px 0 12px);
@grid-item-horizontal-padding: var(--el-grid-item-horizontal-padding, 16px 0);
@grid-item-bg-color: var(--el-grid-item-bg-color, @bg-color-container);
@grid-item-image-bg-color: var(--el-grid-item-image-bg-color, @bg-color-secondarycontainer);
@grid-item-image-border-radius: var(--el-grid-item-image-border-radius, @radius-default);
@grid-item-image-width: var(--el-grid-item-image-width, 48px);
@grid-item-image-small-width: var(--el-grid-item-image-small-width, 32px);
@grid-item-image-middle-width: var(--el-grid-item-image-middle-width, 40px);
@grid-item-text-color: var(--el-grid-item-text-color, @text-color-primary);
@grid-item-text-font-size: var(--el-grid-item-text-font-size, 14px);
@grid-item-text-line-height: var(--el-grid-item-text-line-height, 22px);
@grid-item-text-padding-top: var(--el-grid-item-text-padding-top, 8px);
@grid-item-description-font-size: var(--el-grid-item-description-font-size, 12px);
@grid-item-description-line-height: var(--el-grid-item-description-line-height, 20px);
@grid-item-description-color: var(--el-grid-item-description-color, @text-color-placeholder);
@grid-item-description-padding-top: var(--el-grid-item-description-padding-top, 4px);
@grid-item-hover-bg-color: var(--el-grid-item-hover-bg-color, @bg-color-secondarycontainer);
@grid-item-horizontal-text-padding-left: var(--el-grid-item-horizontal-text-padding-left, 12px);
@grid-item-horizontal-text-description-top: var(--el-grid-item-horizontal-text-description-top, 2px);
@grid-item-border-color: var(--el-grid-item-border-color, @component-stroke);
